<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>家用电器页面</title>
		<link rel="shortcut icon" href="img/favicon.ico">
		<link rel="stylesheet" href="https://unpkg.com/aos@2.3.1/dist/aos.css" />
		<style type="text/css">
			/* 家用电器 */
			.title {
				width: 220px;
				height: 40px;
				background-color: #0F7BBF;
				line-height: 40px;
				text-indent: 1em;
				font-weight: bolder;
				font-size: "微软雅黑";
				color: white;
			}

			/* 大家电 */
			.title_one {
				width: 220px;
				height: 30px;
				background-color: #E4F1FA;
				line-height: 30px;
				text-indent: 2em;
				font-weight: bold;
				font-size: 10px;
				color: #0E7CBC;
			}

			.title_one a {
				color: #0E7CBC;
				text-decoration: none;
			}

			.title_one a:hover {
				color: #ED7220;
			}

			/* 平板电脑 洗衣机 。。。。 */
			.title_one_list {
				width: 220px;
				text-indent: 1.2em;
			}

			.title_one_list a {
				color: #666666;
				text-decoration: none;
			}

			.title_one_list a:hover {
				color: #ED7220;
			}


			/* 生活电器 */
			.title_two {
				width: 220px;
				height: 30px;
				background-color: #E4F1FA;
				line-height: 30px;
				text-indent: 2em;
				font-weight: bold;
				font-size: 10px;
				color: #0E7CBC;
			}

			.title_two a {
				color: #0E7CBC;
				text-decoration: none;
			}

			.title_two a:hover {
				color: #ED7220;
			}

			/* 电风扇 净化器 吸尘器。。。 */
			.title_two_list {
				width: 220px;
				text-indent: 1.2em;
			}

			.title_two_list a {
				color: #666666;
				text-decoration: none;
			}

			.title_two a:hover {
				color: #ED7220;
			}
		</style>
	</head>
	<body>
		<div data-aos="zoom-out-down">
			<div class="title">家用电器</div>
			<div class="title_one">
				<a href="#">大家电</a>
			</div>
			<div class="title_one_list">
				<p><a href="#">平板电脑</a>
					<a href="#">洗衣机</a>
					<a href="#">冰箱</a><br />&nbsp;
					<a href="#">空调</a>
					<a href="#">烟机/灶具</a>
					<a href="#">热水器</a><br />&nbsp;
					<a href="#">冰柜/酒柜</a>
					<a href="#">消毒柜</a>
					<a href="#">家庭影院</a>
				</p>
			</div>
			<div class="title_two">
				<a href="#">生活电器</a>
			</div>
			<div class="title_two_list">
				<p><a href="#">电风扇</a>
					<a href="#">净化器</a>
					<a href="#">吸尘器</a><br />&nbsp;
					<a href="#">净水设备</a>
					<a href="#">挂烫器</a>
					<a href="#">电话机</a>
				</p>
			</div>
		</div>


		<!-- AOS js -->
		<!-- 淡入淡出插件 -->
		<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
		<script>
			AOS.init({
				offset: 200,
				delay: 0,
				duration: 1000
			});
		</script>
	</body>
</html>
